<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <script type="text/javascript">
            /**
             * 
             * 通过关系运算符可以比较两个值之间的大小关系,
             *  如果关系成立它会返回true,如果关系不成立则返回false
             *  
             * 
             * > 大于号
             *      - 判断符号左侧的值是否大于右侧的
             *      - 如果关系成立,返回true,如果关系不成立,则返回false
             * 
             * 
             * >= 大于等于
             *      - 判断符号左侧的值是否大于或等于右侧的值
             * 
             * < 小于号
             * 
             * <= 小于等于
             * 
             * 
             * 非数值的情况
             *      - 对于非数值进行比较时,会将其转换为数字然后在比较
             *      - 如果符号两侧的值都是字符串时,不会将其转换为数字进行比较
             *             而会分别比较字符串中字符的Unicode编码
             */ 

            var result = 5 > 10; //false

            result = 5 > 4; //true

            result = 5 > 5; //false

            result = 5 >= 4; //true

            result = 5 < 4; //false

            result = 5 <= 4;


            console.log("result = " + result);

            console.log(1 > "0"); //true

            console.log(10 > null); //null转数字为0, true

            //任何值和NaN做任何比较都是false
            //hello转为数字是NaN。
            console.log(10 <= "hello"); //false

            //true = 1, false = 0
            console.log(true > false); //true
            //比较两个字符串时,比较的是字符串的字符编码。
            console.log("a" < "b");
            //比较字符编程时是一位一位进行比较
            //如果两位一样,则比较下一位
            console.log("abc" < "b"); //true

            //比较中文时没有意义
            console.log("戒" > "我"); //true

            //如果比较的是两个字符串型的数字,可能会得到不可预期的结果
            //注意: 在比较两个字符串型的数字时,一定一定一定要转型
            console.log("123123123123211312312312" < 5); //true

        </script>
    </head>
    <body>

    </body>
</html>